/*MODEL*/
body{
	margin: 0;
	padding: 0;
	font-family:'Lucida Grande','Luxi Sans',Geneva,Arial,Verdana,sans-serif;
	}
#fejlec, #tartalom{
	width:79%;
	float:left;
	margin-left:0.9em;
	}
#panel{
	margin-left:80%;
	}

/*VIEW*/
body{
	font-size: 0.8em;
	background-color:#a66;
	}
form{
	margin:0;
	padding:0;
	}
a{
	text-decoration: none;
	color: #555;
	}
a:hover{
	text-decoration: underline;
	}
a img{
	border: none;
	}
#teljeslap{
	text-align:left;
	}

/*fejlec kezdet*/
#fejlec{
	background-image: url('../img/logot.jpg');
	background-repeat:no-repeat;
	background-position: left bottom;
	padding-top: 1em;
	height: 24px;
	}
#fejlec a{
	color: #ffc;
	padding:0.5em;
	}
#fejlec a:hover, #fejlec .aktmenu a{
	color:#a66;
	text-decoration:none;
	}
#fejlec ul{
	margin:0.7em 0 0 0.3em;
	padding:0;
	list-style-type: none;
	}
#fejlec ul li{
	margin: 0 0.5em;
	padding:0.5em 0;
	}
#fejlec li:hover, .aktmenu{
	color:#a66;
	}
#fejlec li:hover a{
	color:#a66;
	}
#fejlec select{
	float:right;
	}
#fejlec input{
	padding-left:1em;
	}
#tspec{
	margin-left:1em;
	font-weight: bold;
	}
#tspec a{
	padding: 0.2em 0.5em 0 0.5em;
	border: 1px solid #a66;
	border-bottom: none;
	color: #555;
	background-image: url('../img/bg-future.jpg');
	}
#tspec a:hover{
	border: 1px solid #a66;
	border-bottom: none;
	color: #a66;
	text-decoration: none;
	background-image: url('../img/bg-today.jpg');
	}
/*autocomplete kezdet*/
div.auto_complete {
	position         :absolute;
   width            :250px;
   background-color :white;
   border           :1px solid #888;
   margin           :0px;
   padding          :0px;
	margin-right:1em;
	}

li.selected { background-color: #ffb; }

#fejlec input#TaskSearch{
	float: right;
	margin-right: 0;
	background-image: url('../img/nagyito.jpg');
	background-repeat: no-repeat;
	padding-left: 1.5em;
	border:3px solid #fff;
	}
#TaskSearch_autoComplete a{
	color: blue;
	}

/*autocomplete v�ge*/


/*fejl�c v�ge*/

/*tartalom kezdete*/
#tartalom{
	background-color: #fff;
	background-image: url('../img/logoa.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	}
.i{padding: 0.5em;}
.lap, .info{
	margin-top:4.5em;
	padding: 0 1em;
	}
	/*tasklist kezdete*/
	#tasklist{
		width:30%;
		float:left;
		padding-top: 17px;
		}
	#taskfa{
		overflow: auto;
		height:0;
		margin: 0;
		padding-top:0.5em;
		border-top: 1px solid #a66;
		}
	#tasklist ul{
		clear:both;
		list-style-type: none;
		padding-left: 1em;
		}
	#tasklist li{
		white-space: nowrap;
		}
	#tasklist li a:hover{
		text-decoration: none;
		}
	.focused, .alert{
		background-color: #555;
		color: #fff;
		text-decoration: none;
		}
	.alert{
		-moz-border-radius:5px;
		border: 1px solid #fc5;
		padding: 0.8em; 
		}
	.i img{margin-left:0.3em;}
	#uzenet{
		left:26em;
		position:absolute;
		top:0.8em;
		width:32em;
		}
	#uzenet a{color: #fc5;}
	#tasklist li a.closed:hover{
		background-color: #555;
		color: #fff;
		text-decoration: line-through;
		}
	div.focused{
		padding: 0.3em;
	}
	
	.rejtett{
		display: none;
		}

	.taskshower:hover, .taskhider:hover{
		cursor: pointer;
		}
		
	/*tasklist v�ge*/
	
	/*csikicsuki kezd*/
	#csikicsuki{
		border-width:0pt 1px 0pt 0pt;
		float:left;
		margin:4em 3px 0pt 1px;
		width:1%;
		}
	#csikicsuki img{
		display: block;
		margin-top: 2em;
		}
	#csikicsuki img:hover{
		cursor: pointer;
		}
	#csikicsuki:hover{
		background-color: #ddd;
		}
	/*csikicsuki vég*/

	/*calendar �ltal�nos kezdete*/
	.calendar{
		text-align:center;
		overflow-y: auto;
		}
	.calendar td{
		width: 13%;
		}
	.calendar a{
		display:block;
		margin: 1px 1px 3px 1px;
		}
	.calendar td.calendarOra{
		width:8%;
		}
	.wnday{
		width:13%;
		float:left;
		margin-left:3px;
		background-position: bottom;
		background-repeat: repeat-x;
		}
	.fejt, .fejp, .fejf{
		background-repeat: repeat;
		margin-bottom:0.3em;
		padding: 0.3em;
		}
	.fejp{
		background-image: url('../img/bg-past-h.jpg');
		border: 1px solid #ddd;
		}
	.past{
		border: 1px solid #ddd;
		background-image: url('../img/bg-past.jpg');
		}
	.past:hover{
		background-image: url('../img/bg-past-h.jpg');
		background-repeat: repeat;
		}
	.past a{
		border:1px solid #ddd;
		}
	.today{
		border: 1px solid #a44;
		background-image: url('../img/bg-today.jpg');
		}
	.today:hover{
		background-color: #fdd;
		background-image: none;
		}
	.today a{
		border:1px solid #fc5;
		font-weight: bold;
		}
	.fejt{
		background-image: url('../img/bg-today-f.jpg');
		background-repeat: repeat-x;
		}
	.fejt:first-line{
		font-weight: bold;
		}
	.future{
		border: 1px solid #fc5;
		background-image: url('../img/bg-future.jpg');
		}
	.future:hover{
		background-image: url('../img/bg-future-h.jpg');
		background-repeat: repeat;
		}
	.future a{
		border:1px solid #fc5;
		}
	.fejf{
		background-image: url('../img/bg-future-h.jpg');
		border: 1px solid #fc5;
		}
	.calendarToday{
		text-align:center;
		}
	.prevMonth, .nextMonth{
		color:#aaa;
		}
	/*calendar �ltal�nos v�ge*/
	
	/*events kezdete*/
	#events{
		margin-left:30%;
		padding: 1em 0;
		font-size: 0.8em;
		}
	/*events v�ge*/
	
	/*whatsnext kezdete*/
	#whatsnext{
		padding: 1em 0;
		font-size: 0.8em;
		width: 68%;
		float:left;
		}

	#whatsnext a{
		overflow: hidden;
		-moz-border-radius:5px;
		}
		
	#whatsnext a:hover{
		background-color: #555;
		color: #fff;
		text-decoration: none;
		}
	
	#whatsnext a.closed:hover{
		text-decoration: line-through;
		}
		
	.overdued{
		padding-left: 8px;
		background-image: url('../img/overdued.png');
		background-repeat: no-repeat;
		}
		
	.lezart, .closed{
		color: #999;
		text-decoration: line-through;
		font-size: 0.9em;
		}
		
	.deleted{
		color: #ccc;
		text-decoration: line-through;
		font-size: 0.9em;
		}
		
	.drophere{
		/*background-color: #ddd;
		background-image : none;*/
		border: 2px groove #a66;
		}
	/*whatsnext v�ge*/

.actions, .actions a{
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
	margin: 1em;
	}

#taskdetails{
	margin-top:1em;
	}
#taskdetails select, #taskdetails textarea, #taskdetails input{
	width:95%;
	}
#taskdetails select:focus, #taskdetails textarea:focus, #taskdetails input:focus{
	background-color: #ffc;
	}
#taskdetails select{
	font-size:1em;
	}
#taskdetails option{
	width:15em;
	font-size:0.8em;
	}
#taskdetails textarea{
	height:6em;
	}

#belepes{
	margin-top: 4em;
	}
#belepform {
	display:block;
	background-color:#FFFFCC;
	color:black;
	font-weight:bold;
	height:8em;
	margin:2em auto;
	padding:2em;
	width:250px;
	border: 2px groove #a66;
	}
#belepform label, .block{
	display: block;
	}

#menu{
	float:right;
	clear:both;
	margin:0 0.3em -1.2em 0;
	padding-right: 0;
	font-weight: bold;
	}
#menu a{
	margin-right: 0.3em;
	padding: 0.2em 0.5em 0 0.5em;
	border: 1px solid #a66;
	border-top: none;
	color: #555;
	background-image: url('../img/bg-future.jpg');
	}
#menu a.akt, #menu a:hover{
	border: 1px solid #a66;
	border-top: none;
	color: #a66;
	text-decoration: none;
	background-image: url('../img/bg-today.jpg');
	}
.info div{
	float:left;
	width:45%;
	border:thin solid #a66;
	margin: 0.3em 1em 2em 0;
	padding:0.3em 0.3em;
	-moz-border-radius: 5px;
	}
.info h2{
	background-color: #a66;
	color: #ffc;
	padding:0 1em;
	margin: 0 0 0.8em 0;
	-moz-border-radius: 5px;
	text-align: center;
	}
.info label{
	display: block;
	}
/*tartalom v�ge*/

/*panel kezdete*/
#panel{
	color: #ffc;
	font-size:0.9em;
	}
#panel h1, #panel h2, #panel h3{
	color: #ffc;
	padding-top: 0;
	border-bottom: thin solid;
	}
#month{
	padding: 1em 0.5em 0 1em;
	}
	/*calendar kezdete*/
	.calendarToday{
		background-color:#a66;
		color:#ffc;
		}
		
	table.calendar tr:hover{
		background-color: #555;
		color: #fff;
		cursor: pointer;
		}
	table.calendar tr.fej:hover{
		background-color: #fff;
		color: #555;
		cursor: auto;
		}
	.calHn{
		min-height: 10em;
		}
	.calHn a{
		-moz-border-radius: 5px;
		border: 1px solid #ccc;
		display: block;
		}
	.calH .calendar{
		width:13%;
		border: 1px solid #ccc;
		}
	.calH .calendarToday{
		background-color: #fff;
		color: #333;	
		}
	.calendarHeader a:hover{
		background-color: #555;
		color: #fff;
		text-decoration:none;
		}
	.calH .calendarHeader, .calendarHeader a:hover, .calHd{
		font-weight:bold;
		}
	.calH .calendarHeader{
		border: 1px solid #aaa;
		}
	.calHd{
		background-color: #a66;
		color: #fff;
		padding: 0 1em;
		}
	/*calendar v�ge*/
#taskdetails{
	padding: 0 0.5em 0 1em;
	}
#closedetails{
	float:right;
	}
#closedetails:hover{
	cursor: pointer;
	}
label, .b{
	font-weight: bold;
	}

.submit{
	margin-top:1em;
	}
form h3{
	margin: 0;
	}
	
input[type="submit"]{
	background-image: url('../img/bg-today.jpg');
	border: 1px solid #fc5;
	}
input[type="submit"]:hover{
	background-image: url('../img/bg-future.jpg');
	}

#gyorseszkozok{
	float:right;
	padding: 0.3em 1em;
	}
#gyorseszkozok img{margin: 0 0.2em;}

#quickinfo{
	background-image: url('../img/nyil.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	}
#quickinfo > table{
	margin-top: 1em;
	background-color: #a66;
	color: #ffc;
	border: none;
	}
#quickinfo > table td{
	border-right: none;
	}
/*panel vége*/

/* tables */

table {
	width: 98%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color:#333;
	background-color: #fff;
	padding: 0;
	}
th {
	background-color: #e2e2e2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #003d4c;
	border-bottom: 1px solid #003d4c;
	text-align: center;
	padding:1px 4px;
	}
table tr td {
	border-right: 1px solid #ddd;
	vertical-align:top;
	}
table tr.altRow td {
	background: #f4f4f4;
	}
table td.actions {
	white-space: nowrap;
	}
#cakeSqlLog td {
	text-align: left;
	padding: 4px 8px;
	background: #fff;
	border-bottom: 2px solid #ccc;
	}
	